<style>
    .language_box{
        position: fixed;
        top: 15px;
        right: 20px;
    }
    .language_box select{
        padding: 0px 1px;
        background-color: #363636;
        color: #fff;
    }
</style>
<header id="masthead" itemscope="itemscope" itemtype="https://schema.org/WPHeader">
    <p class="main-title bhf-hidden" itemprop="headline"><a href="/" title="SPACE STUDIO" rel="home">SPACE STUDIO</a></p>
    <div data-elementor-type="wp-post" data-elementor-id="1119" class="elementor elementor-1119">
        <div class="elementor-element elementor-element-74d1501 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent" data-id="74d1501" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="e-con-inner">
                <div class="elementor-element elementor-element-9a68e77 wpr-logo-position-center elementor-widget elementor-widget-wpr-logo" data-id="9a68e77" data-element_type="widget" data-widget_type="wpr-logo.default">
                    <div class="elementor-widget-container">

                        <div class="wpr-logo elementor-clearfix">

                            <picture class="wpr-logo-image">


                                <img src="/static/picture/cropped-space.jpeg" alt="">

                            </picture>

                            <div class="language_box">
                                <select name="" id="" onchange="changeLanguage(this)">
                                    <option value="en" {$config['language']=='en'?'selected':''}>English</option>
                                    <option value="zh-cn" {$config['language']=='zh-cn'?'selected':''}>简体</option>
                                    <option value="zh-hk" {$config['language']=='zh-hk'?'selected':''}>繁體</option>

                                </select>
                            </div>
                            <script>
                                function changeLanguage(obj){
                                    var lang = $(obj).val();
                                    var url ="{:url('index')}?lang="+lang;
                                    window.location.href = url;
                                }
                            </script>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="elementor-element elementor-element-436f35b e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent" data-id="436f35b" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-element elementor-element-bfb6f53 elementor-widget elementor-widget-ekit-nav-menu" data-id="bfb6f53" data-element_type="widget" data-widget_type="ekit-nav-menu.default">
                <div class="elementor-widget-container">
                    <div class="ekit-wid-con ekit_menu_responsive_tablet" data-hamburger-icon="icon icon-menu1" data-hamburger-icon-type="icon" data-responsive-breakpoint="1024">

                        <style>
                            .nav_box ul,.nav_box li{
                                list-style: none;
                                height: 70px;
                                display: flex;
                                align-items: center;

                                color: #FFFFFF;
                                font-family: "Roboto", Sans-serif;
                                font-size: 21px;
                                font-weight: 600;
                            }
                            .nav_box li{
                                padding: 0 24px;
                            }
                            .nav_box li a{
                                color: #fff;
                            }
                            .nav_box li a:hover{
                                color: #d0d0d0;
                            }
                        </style>
                        <div class="nav_box" style="width: 100%;display: flex;justify-content:center;align-items: center">

                            <ul  class="">
                                <li id="menu-item-1219" class="" data-vertical-menu=750px><a href="/" class="ekit-menu-nav-link active menu-link">{:__('Home')}</a></li>
                                <li id="menu-item-1439" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1439 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('package')}" class="ekit-menu-nav-link menu-link">{:__('PACKAGE')}</a></li>
                                <li id="menu-item-1825" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1825 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('schedule')}" class="ekit-menu-nav-link menu-link">{:__('SCHEDULE')}</a></li>
                                <li id="" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1825 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('event')}" class="ekit-menu-nav-link menu-link">{:__('Active Incident')}</a></li>
                                <li id="menu-item-1131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1131 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('about')}" class="ekit-menu-nav-link menu-link">{:__('About')}</a></li>
                                <li id="menu-item-1130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1130 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('contact')}" class="ekit-menu-nav-link menu-link">{:__('CONTACT')}</a></li>
                                {if $user}
                                <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1130 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px>
                                    <a href="{:url('user/index')}" class="ekit-menu-nav-link menu-link">{:__('MY_ACCOUNT')}</a>
                                </li>
                                {else /}
                                <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1130 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('user/login')}" class="ekit-menu-nav-link menu-link">{:__('LOGIN')}</a></li>
                                {/if}
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="elementor-element elementor-element-b694b99 e-con-full elementor-hidden-desktop e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent" data-id="b694b99" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div style="display: none" class="elementor-element elementor-element-07bdee9 elementor-fixed elementor-widget elementor-widget-ekit-nav-menu" data-id="07bdee9" data-element_type="widget" data-settings="{&quot;_position&quot;:&quot;fixed&quot;}" data-widget_type="ekit-nav-menu.default">
                <div class="elementor-widget-container">
                    <div class="ekit-wid-con ekit_menu_responsive_tablet" data-hamburger-icon="icon icon-menu1" data-hamburger-icon-type="icon" data-responsive-breakpoint="1024">            <button class="elementskit-menu-hamburger elementskit-menu-toggler"  type="button" aria-label="hamburger-icon">
                        <i aria-hidden="true" class="ekit-menu-icon icon icon-menu1"></i>            </button>
                        <div id="ekit-megamenu-english-menu" class="elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default ekit-nav-menu-one-page- ekit-nav-dropdown-hover"><ul id="menu-english-menu-1" class="elementskit-navbar-nav elementskit-menu-po-center submenu-click-on-icon">
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-970 current_page_item menu-item-1219 nav-item elementskit-mobile-builder-content active" data-vertical-menu=750px>
                                <a href="/" class="ekit-menu-nav-link active menu-link">{:__('Home')}</a>
                            </li>
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1131 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('about')}" class="ekit-menu-nav-link menu-link">{:__('About')}</a></li>
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1439 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('package')}" class="ekit-menu-nav-link menu-link">{:__('PACKAGE')}</a></li>
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1825 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('schedule')}" class="ekit-menu-nav-link menu-link">{:__('SCHEDULE')}</a></li>
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1130 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('contact')}" class="ekit-menu-nav-link menu-link">{:__('CONTACT')}</a></li>
                            {if $user}
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1130 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px>
                                <a href="{:url('user/index')}" class="ekit-menu-nav-link menu-link">{:__('Member center')}</a>
                            </li>
                            {else /}
                            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1130 nav-item elementskit-mobile-builder-content" data-vertical-menu=750px><a href="{:url('user/login')}" class="ekit-menu-nav-link menu-link">{:__('LOGIN')}</a></li>
                            {/if}

                        </ul><div class="elementskit-nav-identity-panel">
                            <div class="elementskit-site-title">
                                <a class="elementskit-nav-logo" href="/" target="_self" rel="">
                                    <img src="" title="" alt="" />
                                </a>
                            </div><button class="elementskit-menu-close elementskit-menu-toggler" type="button">X</button></div></div>
                        <div class="elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay"></div></div>		</div>
            </div>
        </div>
    </div>
</header>
